<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="referrer" content="no-referrer" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../header_footer/css/cakeheader.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <link rel="shortcut icon" href="../img/WQA2YQ1$)XZ$I)61K$)WUOP_03.jpg" type="image/x-icon">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">

    <style>
        .zhanwei {
            width: 100%;
            height: 100px;
        }

        #jwg-content {
            width: 100%;
            height: 1075px;
        }

        .jwg-contcon {
            width: 1202px;
            height: 1075px;
            margin: 0 auto;
        }

        .jwg-top {
            width: 1202px;
            height: 237px;
        }

        .jwg-left {
            width: 422px;
            height: 237px;
            float: left;
            background: #f6f5f3;
        }

        .jwg-yuan {
            float: left;
            width: 220px;
            height: 237px;
            /* background: url(https://www.21cake.com/themes/21cake/images/img/avator-bg.png) no-repeat 73px 55px; */
        }

        .jwg-wenzi {
            margin-top: 50px;
            float: right;
            width: 202px;
            height: 237px;
        }

        h2 {
            margin-top: 72px;
        }

        .jwg-wenzi p {
            margin-top: 13px;
        }

        .jwg-phone {
            margin-top: 20px;
        }

        .jwg-wenzi .jwg-phone a {
            color: #faaf3b;
        }

        .jwg-wenzi a {
            color: #5f504e;
        }

        .jwg-right {
            float: right;
            width: 756px;
            height: 237px;
            margin-left: 24px;
            background: #f6f5f3;
        }



        .jwg-Cards {
            width: 756px;
            height: 173px;
            display: flex;
            justify-content: space-evenly;
            align-items: flex-end;
        }

        .jwg-Cards a {
            display: flex;
            flex-direction: column;
            text-align: center;
            color: #5f504e;
        }

        .jwg-Cards i {
            font-size: 45px;
            display: block;
            margin-bottom: 30px;
        }

        .jwg-money a {
            color: #faaf3b;
            display: block;
            float: left;
        }

        .jwg-roll {
            margin-left: 100px;
        }

        .jwg-Fruit {
            margin-left: 15px;
        }



        .jwg-Member {
            width: 1202px;
            height: 130px;
            text-align: center;
        }

        h3 {
            font-size: 22px;
            color: #5f504e;
        }

        .jwg-Member p {
            margin-top: 12px;
        }

        .jwg-Member h3 {
            margin-top: 20px;
        }

        .jwg-Member span {
            color: #dbbfa3;
        }

        .jwg-Picture {
            width: 1202px;
            height: 383px;
            background: url(https://static.21cake.com//upload/images/20200106/e7526d520a946a49947b47dcfe500700.jpg) no-repeat 90px 25px;
        }

        .jwg-Words {
            width: 1127px;
            height: 207px;
            margin-left: 75px;
            color: #5f504e;
        }

        .jwg-Words p {
            margin-top: 17px;
        }

        .jwg-Words a {
            color: #5f504e;
            display: block;
            margin-top: 20px;
            text-decoration: underline;
        }

        .ddda {
            position: absolute;
            left: 70px;
            top: 40px;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;


        }

        .ddda img {
            width: 100%;
            height: 100%;

        }
    </style>
</head>

<body>
    <div class="zfg-cake-header"></div>
    <script>
        $(function () {
            // 引头部
            $('.zfg-cake-header').load('../header_footer/cakeheader.html')
            // 尾部
            $('.zfg-cake-foot').load('../header_footer/Foot/html/foot.html')
        })
    </script>
    <div class="zhanwei"></div>
    <div id="jwg-content">
        <div class="jwg-contcon">
            <div class="jwg-top">
                <div class="jwg-left">
                    <div class="jwg-yuan">
                        <div class="ddda">
                            <img data-src="../images/1a.png" alt="">
                        </div>

                    </div>
                    <div class="jwg-wenzi">
                        <h2></h2>
                        <p class="jwg-phone">
                            <a href="">修改密码</a>
                        </p>
                        <p>
                            <a href="">
                                <i class="iconfont icon-qianbi"></i>
                                编辑个人资料</a>
                        </p>
                        <p>
                            <a href="">
                                <i class="iconfont icon-location"></i>
                                地址管理</a>
                        </p>
                        <p>
                            <a href="">
                                <i class="iconfont icon-order"></i>
                                订单管理</a>
                        </p>
                    </div>
                </div>
                <div class="jwg-right">
                    <div class="jwg-Cards">
                        <a href="">
                            <i class="iconfont icon-yue"></i>
                            果实币余额:￥0
                        </a>
                        <a href="">
                            <i class="iconfont icon-youhuiquan"></i>
                            优惠券: 0张可用
                        </a>
                        <a href="">
                            <i class="iconfont icon-daijinkaquan"></i>
                            代金卡:0张已用
                        </a>
                    </div>
                    <div class="jwg-money">
                        <a href="" class="jwg-roll">卡券充值</a>
                        <a href="" class="jwg-Fruit">在线购买果实币</a>
                    </div>
                </div>
            </div>
            <div class="jwg-down">
                <div class="jwg-Picture"></div>
                <div class="jwg-Words">
                    <h4>果实规则:</h4>
                    <p>1、订单实际支付金额每满100元，则将自动获得1颗果实，以此类推。累积果实可升级，并享受各级会员权益。订单中使用优惠券、订单促销等优惠抵扣的金额不参与消费金额的累积。</p>
                    <p>2、每90天内未产生购买，果实减一颗，若果实减少为下一等级数量时，等级相应降低，上一级别的固定权益失效。</p>
                    <p>3、所获得的权益自获得日起，一年内有效。</p>
                    <a href="">了解更多>></a>
                </div>
            </div>
        </div>
    </div>
    <div class="zfg-cake-foot"></div>
    <script>
        if (localStorage.getItem("username")) {

            $('.jwg-wenzi').html(` <h2></h2>
                            <p class="jwg-phone">
                                <a href="">修改密码</a>
                            </p>
                            <p>
                                <a href="">
                                    <i class="iconfont icon-qianbi"></i>
                                    编辑个人资料</a>
                            </p>
                            <p>
                                <a href="">
                                    <i class="iconfont icon-location"></i>
                                    地址管理</a>
                            </p>
                            <p>
                                <a href="">
                                    <i class="iconfont icon-order"></i>
                                    订单管理</a>
                            </p>`)
            $('.jwg-wenzi h2').html(localStorage.getItem("username"))
            $('.jwg-yuan>.ddda').css('display', 'block')
        } else {

            $('.zfg-cade-car').html(` <h2></h2>
                            <p class="jwg-phone">
                                <a href="">修改密码</a>
                            </p>
                            <p>
                                <a href="">
                                    <i class="iconfont icon-qianbi"></i>
                                    编辑个人资料</a>
                            </p>
                            <p>
                                <a href="">
                                    <i class="iconfont icon-location"></i>
                                    地址管理</a>
                            </p>
                            <p>
                                <a href="">
                                    <i class="iconfont icon-order"></i>
                                    订单管理</a>
                            </p>`)
            $('.jwg-yuan>.ddda').css('display', 'none')

        }
    </script>
</body>


</html>